<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>EC2 management</title>
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link href="http://v3.bootcss.com/examples/dashboard/dashboard.css" rel="stylesheet">
    <link href="myCss.css" rel="stylesheet">
    <script src="jquery.min.js"></script>
    <script src="bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <span class="glyphicon glyphicon-asterisk">brand</span>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="http://v3.bootcss.com/examples/dashboard/#">Help</a></li>
            </ul>
            <form class="navbar-form navbar-right">
                <input type="text" class="form-control" placeholder="Search...">
            </form>
        </div>
    </div>
</nav>

    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-3 col-md-2 sidebar">
                <ul class="nav nav-sidebar" id="parent">
                    <li class="sidebar-menu">
                        <a href="#accountMenu" class="nav-header collapsed" data-toggle="collapse">账户管理</a>
                        <ul id="accountMenu" class="nav collapse menu-second">
                            <li><a href="${pageContext.request.contextPath}/useraccount/account.do"><i class="glyphicon glyphicon-tint"></i> 秘钥对管理</a></li>
                            <li><a href="${pageContext.request.contextPath}/useraccount/iam.do"><i class="glyphicon glyphicon-tint"></i> IAM管理</a></li>
                        </ul>
                        <a href="#EC2Meun" class="nav-header collapsed" data-toggle="collapse">EC2管理</a>
                        <ul id="EC2Meun" class="nav collapse menu-second">
                            <li><a href="${pageContext.request.contextPath}/ec2/tocreateec2.do"><i class="glyphicon glyphicon-tint"></i> EC2创建</a></li>
                            <li><a href="${pageContext.request.contextPath}/ec2/toswitchec2.do"><i class="glyphicon glyphicon-tint"></i> EC2状态切换</a></li>
                            <li><a href="#"><i class="glyphicon glyphicon-tint"></i> EC2调度</a></li>
                        </ul>
                        <a href="#S3Menu" class="nav-header collapsed" data-toggle="collapse">S3管理</a>
                        <ul id="S3Menu" class="nav collapse menu-second">
                            <li><a href="${pageContext.request.contextPath}/s3/bucketmanagement.do"><i class="glyphicon glyphicon-tint"></i> 存储桶管理</a></li>
                            <li><a href="${pageContext.request.contextPath}/s3/filemanagement.do"><i class="glyphicon glyphicon-tint"></i> 文件管理</a></li>
                        </ul>
                    </li>
                    <li><a href="${pageContext.request.contextPath}/datacollector/dataCol.do">数据采集程序</a></li>
                </ul>
            </div>
            <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main" style="margin-top: -20px">
                <!--<h1 class="page-header"></h1>-->
                <!--<div class="row placeholders"></div>-->
                <h2 class="sub-header">Wecome to use the DataCollector Management</h2>

                <div div class="panel panel-info">
                    <div class="panel-heading">
                        <h3 class="panel-title">添加数据采集程序</h3>
                    </div>
                    <div class="panel-body">
                        <form action="addCollector.do" method="post" enctype="multipart/form-data">
                            <form role="form-horizontal">

                                <div class="form-group has-info has-feedback">
                                    <label style="align:center; float:left; height:30px">数据采集程序名：</label>
                                    <input type="text" placeholder="请输入程序名">
                                </div>

                                <div class="form-group has-info has-feedback">
                                    <label style="float:left">请选择程序文件：</label>
                                    <input class="btn btn-info" type="file" name="uploadfile" value="上传文件" >
                                </div>

                                <div class="form-group">
                                    <div class="col-sm-offset-10 col-sm-10">
                                        <input type="submit" class="btn btn-lg btn-info" value="一键上传至S3">
                                    </div>
                                </div>
                            </form>
                        </form>
                    </div>
                </div>

                <div div class="panel panel-info">
                    <div class="panel-heading">
                        <h3 class="panel-title">删除数据采集程序</h3>
                    </div>
                    <div class="panel-body">
                        <form action="uploadobject.do" method="post" enctype="multipart/form-data">
                            <form role="form-horizontal">
                                <div class="form-group has-info has-feedback">
                                    <div class="row">
                                        <label class="col-sm-offset-1" style="align:center; float:left; height:30px">数据采集程序名：</label>
                                        <select class="selectpicker col-sm-3 col-sm-offset-1" name="username" style="width:150px; height:30px;" >
                                            <option value="name1">name1</option>
                                            <option value="name2">name2</option>
                                            <option value="name3">name3</option>
                                        </select>
                                        <div  class="col-sm-2 col-sm-offset-1">
                                            <input type="submit" class="btn btn-sm btn-info" value="确定">
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </form>
                    </div>
                </div>

                <div div class="panel panel-info">
                    <div class="panel-heading">
                        <h3 class="panel-title">修改数据采集程序</h3>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <label class="col-sm-offset-1" style="align:center; float:left; height:30px">数据采集程序名：</label>
                            <select class="selectpicker col-sm-3 col-sm-offset-1" name="username" style="width:150px; height:30px;" >
                                <option value="name1">name1</option>
                                <option value="name2">name2</option>
                                <option value="name3">name3</option>
                            </select>
                            <div  class="col-sm-2 col-sm-offset-1">
                                <input type="submit" class="btn btn-sm btn-info"   data-toggle="modal" data-target="#myModal"value="确定">
                            </div>
                        </div>
                    </div>
                </div>

                <div div class="panel panel-info">
                    <div class="panel-heading" class="row">
                        <h3 class="panel-title col-md-3">查询数据采集程序</h3>
                        <input type="submit" class="btn btn-sm btn-success" value="查询">
                    </div>
                    <div class="panel-body">

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">修改信息</h4>
                </div>
                <div class="modal-body">
                    <form action="uploadobject.do" method="post" enctype="multipart/form-data">
                        <form role="form-horizontal">
                            <div class="form-group has-info has-feedback">
                                <div class="row">
                                    <label class="col-sm-offset-1" style="align:center; float:left; height:30px">数据采集程序名：</label>
                                    <input type="text" placeholder="请输入修改后的名字">
                                </div>
                            </div>
                            <div class="form-group has-info has-feedback">
                                <div class="row">
                                    <label class="col-sm-offset-1" style="align:center; float:left; height:30px">描&nbsp;&nbsp;&nbsp;述&nbsp;&nbsp;&nbsp;信&nbsp;&nbsp;&nbsp;息&nbsp;&nbsp;：</label>
                                    <input type="text" placeholder="请输入描述信息">
                                </div>
                            </div>
                        </form>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary">保存</button>
                </div>
            </div>
        </div>
    </div>
</body>
</html>